<style scoped lang="scss">
@import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";

.page-title-bar {
  width: 10rem;
  height: 1.2rem;
  display: flex;
  border-bottom: 1px solid rgba(41, 40, 37, 0.8);
  background: #161622;
  position: fixed;
  top: 0;
  left: 0;
}

.placeholder {
  width: 10rem;
  height: 1.2rem;
}
</style>
<template>
  <div class="page-title-bar">
    <h1>
      {{ title }}
    </h1>
    <!-- 占位盒子 -->
    <div class="placeholder"></div>
  </div>
  <div></div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: '头部标题组件'
    }
  }
}
</script>